<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>懂你找图字体图标</title>

  <style>
    .iconfont {
      font-size: 30px !important;
      margin-right: 20px;
    }

    .list {
      display: flex;
      flex-wrap: wrap;

      flex-direction: column;
    }

    .item {
      display: flex;
      align-items: center;
    }
  </style>
</head>

<body>
  <div class="list">
    <div class="item">
      <span class="iconfont iconvideocamera"></span>
      <span>iconfont iconvideocamera</span>
    </div>
    <div class="item">
      <span class="iconfont iconsearch"></span>
      <span>iconfont iconsearch</span>
    </div>
    <div class="item">
      <span class="iconfont iconiconfontjiantou4"></span>
      <span>iconfont iconiconfontjiantou4</span>
    </div>
    <div class="item">
      <span class="iconfont iconimg"></span>
      <span>iconfont iconimg</span>
    </div>
    <div class="item">
      <span class="iconfont iconmy"></span>
      <span>iconfont iconmy</span>
    </div>
    <div class="item">
      <span class="iconfont iconhome"></span>
      <span>iconfont iconhome</span>
    </div>
    <div class="item">
      <span class="iconfont icondianzan"></span>
      <span>iconfont icondianzan</span>
    </div>
    <div class="item">
      <span class="iconfont iconhot"></span>
      <span>iconfont iconhot</span>
    </div>
    <div class="item">
      <span class="iconfont iconpinglun"></span>
      <span>iconfont iconpinglun</span>
    </div>
    <div class="item">
      <span class="iconfont iconshoucang"></span>
      <span>iconfont iconshoucang</span>
    </div>
    <div class="item">
      <span class="iconfont iconjingyin"></span>
      <span>iconfont iconjingyin</span>
    </div>
    <div class="item">
      <span class="iconfont iconzhuanfa"></span>
      <span>iconfont iconzhuanfa</span>
    </div>
    <div class="item">
      <span class="iconfont iconkouhong"></span>
      <span>iconfont iconkouhong</span>
    </div>
    <div class="item">
      <span class="iconfont iconshengyin"></span>
      <span>iconfont iconshengyin</span>
    </div>
    <div class="item">
      <span class="iconfont iconhome-o-copy"></span>
      <span>iconfont iconhome-o-copy</span>
    </div>
    <div class="item">
      <span class="iconfont iconmy-o-copy"></span>
      <span>iconfont iconmy-o-copy</span>
    </div>
    <div class="item">
      <span class="iconfont iconimg-o-copy"></span>
      <span>iconfont iconimg-o-copy</span>
    </div>
    <div class="item">
      <span class="iconfont iconsearch-o-copy"></span>
      <span>iconfont iconsearch-o-copy</span>
    </div>
    <div class="item">
      <span class="iconfont iconvideocamera-o-copy"></span>
      <span>iconfont iconvideocamera-o-copy</span>
    </div>
    <div class="item">
      <span class="iconfont iconhot1"></span>
      <span>iconfont iconhot1</span>
    </div>
  </div>
</body>
<style>
  @font-face {
    font-family: "iconfont";
    src: url('//at.alicdn.com/t/font_1282358_ld7ygpl5w3k.eot?t=1576132834873');
    /* IE9 */
    src: url('//at.alicdn.com/t/font_1282358_ld7ygpl5w3k.eot?t=1576132834873#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAzsAAsAAAAAFZQAAAydAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFWgqaWJVRATYCJANACyIABCAFhG0HgTgbIRIzo2Z0FEr2XyVwc4DraBm8rLCKhLBlesaw//TPayVDxsBJ8L5VpBO5XCwJkZZnhlLC07ff652dfQQ/JSZL6BBd8KVlxZpAtUKmOT5VyFuW1T8A5p/f5t/7HiA+rCYUrCLsFZiBPLAiYA6PH7YG1CXmooxaRBP70f2/NlU/YV3KB+EpvJa2DisairwSnl83e9VJBoAJMGUSxMC+az6ycBFqrGY/efRdLy0n99J0NO9+rZ5Y5CJNh2kvfye2ISfIOMy1iYbII6R/+ND/EUvQxJNFCI1KaMVyxNy1s+Rrx06UFAvZxpFlTCrmeLDjYAgQM5DxyPKVqSIQYglNgioH91WXgrBgxXYohTDCb9jSIpfwCM0F8xi4yD5e/jBVQjB4Snio1bvjKsBipz/XalWv2K4VFR0B9O1AgfGABXnTaH+GJsbxDMVNtS0PoT+l8tVTpy50mevm+riBbqyb7ra7Ha79x6qfa+v1Dlljx8LJhf6RcOx+IcMjJSbE4KMERNij4+JhMf/xKEjIQXzkMSmc4Ap0B6czf2TgQn944DJ/pOC6+SMG18cEHx4IMwZ4LMz4wNNhghZvh5kAeAfMRMCNMGOBm2BGgJuhpsAtUG8LboWaF7dBPSWuoBbD7fBHAT9W+SOBn2vjyQlRudhiMDAT7CrwroHwZob06iGKSZB3TQkNNsZJ8rLsP3Z4P397FK1Ka0PsoKFxGY8clviB7fR+fYZkDWkZZQNr1vbuY0Pp6dd69u8//cQmZCOpJmYjxoCCU64SuE60UxrE48oo2SX0orSMn/mgc0OmRNyOz0b3+tnOBsATszAxS0K5ghVZgEOv++ssEs7r96Hn1n6jTOxgEJovxQAGBc0FcIEb+iz4i4NQSh4ddasDlbh5BerPRdwvhlII0O8xSJnEePK/UuL648YL3FgUIn7sLCQEVQHojE6HKYjtaEpl5MFl0FDzaWZlRVZ1v5ln7R+DeOx/uOXqX7q9iqk5hxBqxqUjPLiNLRSD2bHJ2uou5WuAsvC8R/MrZPYPe+GPx8o3P4dTX0TET33W69/exz/62p/srre9Ru9nYY+fjOno8PO2/LbvdWBoDzyKol0KVHzlu2uH+sr9oMD9EYgUa04k6Q2AKqLIRVkMQ8KAwksa/C6CTEmAMdCUsUIHnQ5UWXp3U6MoDyvJf5DJsoxK+CiYWh77SfbfOOXfuKYKlnLWzUp1oRJ2KYrIYFC2jTHFAHGHysqVeOlQ2wNYcHCJgrBGi08GFjoEPBh0ie/1eltwpjiNMtcdpmZPbXWpbHF2ZLLEfZbKwtlD9TWsKFsRxTrYW6NZHel0XnbilQFd0UENJWDDVHZKxoiqeEaMSkH7J5KzyQGel9BopN49g7W4x5p0n0ks7LkRafDCyIW0FKE8PBx3BtLof5g7H/mrN0qUokxwXIjQ1dcLEQW74U6EAspxCWW0B90FzJBG7JiwBN3VQEGYZFa+/zbffFXGH1RDIIN5qgNWQUkajqXM5fzEbFmK65I1XqmPYss1lTD2lSd5MSYEGaljaLiaAcSBrfKbHg3G5rfnRw+9XtdKoY/qrq2SccdBpnKrEco88wBlzAoYAhknWKdj5kFmMed179ZbJdJpOVIwwB23XSqd5E0asR6MB4zHarvoN59ofO4k1Hy1bw7C4XjBuK629WscqaYGIBEhN5VTnApfBWwVNnyQo1Q3uABIoCsXYlQEMLh+U/URtXMVGNlZzKU4F6Vb2l4LvzwKwigYIjW0cWsUUelYA2jOZbC4pamNEVRjYhUyzdctvMuYhFtnFBtLc2tMyixllBnElDK2CwqpLtWl2PL0Lr22vTx67PVhqsW9h9rN0tzYRHWF3Jm9qiilVU0551bnLMascc0ANbK6awK3GzxRd/sI7ZUJev769q2dY+Yvg+vzlo2S3SZ6fJHWPOd9MoxHx2KddTqs26zSyNXyaDNybN5f+b5/znLgb9Hy3Ai5E0ypqEiBTsZoFEwp1JD0kFNSpFelM5Z8NXkRoOD8qfd5APB+A7+fjGz19oqQ3wKvQG2iqrTN8cDwx2Bpefm8W+aGWwZkCt+1+S6bBUAG8+JM3MAgK5uZCdZdMyBL+D34T8gCmcyNDOafKUvLj5hj4DL5GQCsGCqfOkF2EEt1B4BHi0Fc+OPGLNYQa3nkJJ8aQ+VZ22QJeAxoqAKcF4/IAHvfxTj+iHNcvMSdTXnX/j1KVJ2/UCSEVVGm72oBdUTKfdy/m0fc//4LzUS/egWyI0kW2MTU8tQY9hHi/dB7i0EX+gGRT/yQwqMu03gUC/LH2y9RY2iFSNUNxTqCsW/Wj05uuUs69jrmH+MivsjylGUc01fSi83G7HjgXuNXErU9g8zhh3sq1nxHkCJsLOHSDxcFlwSnBafc2qwqWZVMnIWDh6rmiFRfEUQkHR0SGIzDuSo7EfJBa64NT+SKhycEB//b4S4k7HOGwAo6TQkJzfDve9IEPFzkCrZfw8yhBVEAqr3qxQUp5ZlJV8xKma7MUjGHtTyloF589WNKRsbCwlBQqYrFxZogSnC3vZITwZk5J+mhL046XNFehNIb+yxjLe33/MCYZOxUSv2wx94yllGBujAK6hR14s4fdoL/fcKBgA82zZ8d7LRIKDbd6wxndHmh9osWTesv9upI1yPDI+s+Kf2w5AkxivTEMdxunRsWGfFLyz9WLluvOPcvVVLQV1Zu0Pxme5NdZjeD/Z9HlMf/7MSPYSJlk8Tn0OxjM4iLX4bvLOCV5VCL6he2+77w6ytB+QEdorIjEZHF7Er72SqrYLFy7s6NZFpcLYhWoYcePzuIBJcnz9BDKhPXJOTEICrfWFCiCjSfICofBLGM3NkfTOMGL9nnoMwmRpNHdW+ZH5/ZieCErPC2XxZfrNw3TyeAu/nSpu+ksl0gMSkp8ez3XMjfbyO8zj8m3V8pbgMH2nyWSoJKrgXORTdrgoAYd21l6LZtg6u2Dtl1COkAMYHlamHnDy/nfc362v/Hl6ekOqAcxiAdnxOR3kkquT5z84PlK3Op5a2cXCqorhksgoLyFDOz8hMJimDjIKimhRWC78OKS8ZISaSxkhtrO7gdhJv8bT+ajJlF/73OJa5peVgtxtMGVyx8T+jgjpY+/uxE9o1a4hFLy9OxBSPPF9rSnVHKu1qT7PcHSQDn7hhWkO+yQ+lW/7KYLljg6H9+IAFEb25k3fdNttif4V2kAUXVe6bnV2cJu+t3PPCWTjpPcm2ZbziznCcYc50/6GSg7NsWknua1LC9ntfvm59U8MfiLOK2jva0RxEQ9KYcvt+cUF5zkUz+4BJ5xio9yLTppa8ZLqlz3qmZ4neLgL7tUGvgAdDquVNcxpR0zF4Z+DlGJ5v0EBOJPSYL1YmUSLJYigvzkumY1YBPm3Dqs621a+najWcFpnsvSckFBWTpmb2mBb2VAQs4doz82EqclqVnFG69U6pyC38He5Xp7EJteEZ7SWjjxnvGiKU9Y/cv7XVRvY9+A4M/Jvo9SzeJ/ACLX8b+DvFEvmM38Vk9+z5Qnt1jf9JOGj/DybLqsvG07rYqc/xBfqCaVcp+mzZNfYtdZlvdu+9HJ3AlEzSxy73LBXji/lGTP0askQuvrYIyo46O6DROrOSvK316MxRZ+Y7l26rebqjgy6sduysS37om2Gfz5kO0Hdu2Jyj2rLtVkE2aw5VP69L241Kq3tmh25jraf1K9+ZVuqHSwKE+Ne+h/uW6smDv0CWe/BePNEjEfljnQPnAvOP66YkOy+/q1GlFdEN2/ehp7vr7tjoX3lCtlv8WLseKCdVji4v5/0Pt73HOm97yhaXXKwu2wx5i2hIEfvmQLfawni60ldbpglk/pqomcy85E+UaII5GwG9ecgMfpkzsARkRQkMDYAgYAJSQ4UIrHQ88EqYDn5BFIGYcq7ZP6MZxFLERMJYzEhBKHgNDTgdQSrqEVvoeePTkH/ApRUHMRunGMWHkBIl3b4JGcYDNAaJlcozRu1XVb/S9GMnrmMs/SotZMJ/MykVfSCgUlLb1C1UHTrjCp3Q4LIVhFE5odRJUx/V06pqoE8v15O4kRtDowucAbA5ho2VyE+td5f2/0fdipKNNN+w/SosLB+ZMmHEIvxBxtbkttdvWL1CZOJjlCtck/FMhWKJ8BsbmpRJanRAEcsc1U7kvx4sm04fXSx5x8bUb8i7lTFSseOJLIKFEEksiqbytqVJIKa/cb+OAbE09GU2uGhqx4eUU8UzRkHJfncfqz+rhInDF66HGcCTf88B6PUbypdNNC9ytIX+dSnwOka6PoRty5jpzD0y+FWEtXD9N5ycnAAA=') format('woff2'),
      url('//at.alicdn.com/t/font_1282358_ld7ygpl5w3k.woff?t=1576132834873') format('woff'),
      url('//at.alicdn.com/t/font_1282358_ld7ygpl5w3k.ttf?t=1576132834873') format('truetype'),
      /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
      url('//at.alicdn.com/t/font_1282358_ld7ygpl5w3k.svg?t=1576132834873#iconfont') format('svg');
    /* iOS 4.1- */
  }

  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .iconvideocamera:before {
    content: "\e67b";
  }

  .iconsearch:before {
    content: "\e61e";
  }

  .iconiconfontjiantou4:before {
    content: "\e634";
  }

  .iconimg:before {
    content: "\e67a";
  }

  .iconmy:before {
    content: "\e608";
  }

  .iconhome:before {
    content: "\e62a";
  }

  .icondianzan:before {
    content: "\e65c";
  }

  .iconhot:before {
    content: "\e619";
  }

  .iconpinglun:before {
    content: "\e663";
  }

  .iconshoucang:before {
    content: "\e613";
  }

  .iconjingyin:before {
    content: "\e747";
  }

  .iconzhuanfa:before {
    content: "\e60d";
  }

  .iconkouhong:before {
    content: "\e603";
  }

  .iconshengyin:before {
    content: "\e852";
  }

  .iconhome-o-copy:before {
    content: "\e67c";
  }

  .iconmy-o-copy:before {
    content: "\e67d";
  }

  .iconimg-o-copy:before {
    content: "\e67e";
  }

  .iconsearch-o-copy:before {
    content: "\e67f";
  }

  .iconvideocamera-o-copy:before {
    content: "\e680";
  }

  .iconhot1:before {
    content: "\e681";
  }
</style>

</html>